<template>
  <div class="app-container">
    <el-tabs v-model="activeName" type="card" @tab-remove="removeTab">
      <el-tab-pane label="设备标签" name="1">
        <template v-if="activeName === '1'">
          <Label></Label>
        </template>
      </el-tab-pane>
      <el-tab-pane label="区域标签" name="2">
        <template v-if="activeName === '2'">
          <AreaLabel></AreaLabel>
        </template>
      </el-tab-pane>
      <el-tab-pane label="位置标签" name="3">
        <template v-if="activeName === '3'">
          <LocationLabel></LocationLabel>
        </template>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
export default {
  name: "Print",
  // dicts: ['sys_notice_status', 'sys_notice_type'],
  components: {
    Label: () => import('./label/index.vue'),//设备标签
    AreaLabel: () => import('./areaLabel/index.vue'),//区域标签
    LocationLabel: () => import('./locationLabel/index.vue')//位置标签
  },
  data () {
    return {
      activeName: '1',
      tabIndex: false,
      rowObj: {}
    };
  },
  created () {
  },
  methods: {
    removeTab () {
      this.tabIndex = false
      this.activeName = '1'
    },
    // addTab(row){
    //   this.tabIndex = true
    //   this.activeName = '3'
    //   this.rowObj = row
    // }
  }
};
</script>
